gusucode.com > 黑色西装服饰类网站源码 工作服装量身定制网站织梦模板（demo359）源码程序 > 黑色西装服饰类网站源码 工作服装量身定制网站织梦模板（demo359）源码程序/www2/style/css/jquery.ad-gallery.css

    /* AB模版网 做最好的织梦整站模板下载网站 */
/* 网址：Www.AdminBuy.Cn */
/* 图标大全：Sc.AdminBuy.Cn 专业建站素材网站 */
/* QQ：9490489 */

/**

 * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)

 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)

 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.

 *

 * Version: 1.2.7

 *

 * Demo and documentation: http://coffeescripter.com/code/ad-gallery/

 */

.ad-gallery, .ad-gallery * {

	margin: 0;

	padding: 0;

}

.ad-gallery .ad-image-wrapper {

	width: 100%;

	margin-bottom: 15px;

	position: relative;

	overflow: hidden;

}

.ad-gallery .ad-image-wrapper .ad-loader {

	position: absolute;

	z-index: 10;

	top: 48%;

	left: 48%;

}

.ad-gallery .ad-image-wrapper .ad-next {

	display: block;

	width: 25%;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	z-index: 200;

	cursor: pointer;

}

.ad-gallery .ad-image-wrapper .ad-prev {

	display: block;

	width: 25%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 200;

	cursor: pointer;

}

.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */

	background: url(../images/trans.gif);

}

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {

	display: none;

	width: 40px;

	height: 80px;

	position: absolute;

	top: 50%;

	z-index: 101;

	margin-top: -40px;

	background-color: #333;

	background-position: center center;

	background-repeat: no-repeat;

}

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image {

	left: 5px;

	background-image: url(../images/arrow-prev.gif);

}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {

	right: 5px;

	background-image: url(../images/arrow-next.gif);

}

.ad-gallery .ad-image-wrapper .ad-image {

	position: absolute;

	overflow: hidden;

	top: 0;

	left: 0;

	z-index: 9;

}

.ad-gallery .ad-image-wrapper .ad-image a img {

	border: 0;

}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {

	position: absolute;

	bottom: 0px;

	left: 0px;

	padding: 7px 10px;

	text-align: left;

	width: 100%;

	z-index: 2;

	color: #fff;

	background: url(../images/opa75.png);

}

* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {

	background: none;

 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/ad-gallery/opa75.png');

}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {

	display: block;

}

.ad-gallery .ad-controls {

	height: 20px;

	line-height: 20px;

	margin: 10px 0;

	font-size: 12px;

}

.ad-gallery .ad-info {

	float: left;

}

.ad-gallery .ad-slideshow-controls {

	float: right;

}

.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {

	padding-left: 5px;

	cursor: pointer;

}

.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {

	padding-left: 5px;

	font-size: 0.9em;

}

.ad-gallery .ad-slideshow-running .ad-slideshow-start {

	cursor: default;

	color: #999;/* font-style:italic;*/

}

.ad-gallery .ad-nav {

	width: 100%;

	position: relative;

}

.ad-gallery .ad-forward, .ad-gallery .ad-back {

	position: absolute;

	top: 0;

	height: 100%;

	z-index: 10;

}

/* IE 6 doesn't like height: 100% */

* html .ad-gallery .ad-forward, .ad-gallery .ad-back {

	height: 72px;

}

.ad-gallery .ad-back {

	display: block;

	width: 20px;

	left: 0;

	cursor: pointer;

	background: #999 url(../images/arrow-prev.gif) center center no-repeat;

}

.ad-gallery .ad-forward {

	display: block;

	width: 20px;

	right: 0;

	cursor: pointer;

	background: #999 url(../images/arrow-next.gif) center center no-repeat;

}

.ad-gallery .ad-nav .ad-thumbs {

	overflow: hidden;/* width:100%;*/

	width: 750px;

	margin: 0 25px;

}

.ad-gallery .ad-thumbs .ad-thumb-list {

	float: left;

	width: 9000px;

	list-style: none;

}

.ad-gallery .ad-thumbs li {

	float: left;

	padding-right: 5px;

}

.ad-gallery .ad-thumbs li a {

	display: block;

}

.ad-gallery .ad-thumbs li a img {

	border: 1px solid #ccc;

	display: block;

}

.ad-gallery .ad-thumbs li a.ad-active img {

	border: 1px solid #616161;

}

/* Can't do display none, since Opera won't load the images then */

.ad-preloads {

	position: absolute;

	left: -9000px;

	top: -9000px;

}